<template>
    <view class="no-data" :style="noPhoto ? 'margin-top: 50rpx' : ''">
        <image
            src="@/static/common/no-data.png"
            v-if="!noPhoto"
            class="no-data-icon"
        />
        <text v-if="!online" class="no-data-text">{{ content || '暂无数据' }}</text>
        <text v-if="online" class="no-data-text">{{ content || '该功能暂未上线，敬请期待' }}</text>
    </view>
</template>

<script lang="ts" setup>
defineProps(['content', 'noPhoto', 'online'])
</script>

<style scoped>
.no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100rpx;
}

.no-data-icon {
    width: 215rpx;
    height: 185rpx;
    margin-left: 30rpx;
    margin-bottom: 20rpx;
}

.no-data-text {
    color: #9497b1;
    margin: 0 0 30rpx;
    font-size: 30rpx;
}
</style>
